    
    /* 获取元素 */
    let user=document.querySelector('.input-text .user') //用户名
    let clearText=document.querySelector('.clear-text') //小叉叉

    let pwd=document.querySelector('.input-pwd .pwd') //密码
    let clearPwd=document.querySelector('.clear-pwd') //小叉叉

    let textTips=document.querySelector('.text-tips') //用户名错误提示文本
    let pwdTips=document.querySelector('.pwd-tips') //密码错误时的提示文本

    let loginBtn=document.querySelector('.login-btn') //登录



/* 
    5.当user（用户名）内容的长度大于0，显示clear-text（小叉叉）
        否则，隐藏
        input（表单输入内容）/ keyup（键盘抬起）事件
*/
user.addEventListener('input',function(){
    if(user.value.length>0){
        clearText.style.display='block'
    }else{
        clearText.style.display='none' 
    }
})

/* 
6.当pwd（密码）内容长度大于0时，显示clear-pwd（小叉叉），否则隐藏
    input（表单输入内容）/ keyup（键盘抬起）事件
*/
pwd.addEventListener('keyup',function(){
    if(pwd.value.length>0){
        clearPwd.style.display='block'
    }else{
        clearPwd.style.display='none'
    }
})

/* 
7.点击clearText，清空数据，并且隐藏clearText
*/
clearText.addEventListener('click',function(){
    user.value='' //清空
    clearText.style.display='none'
})
/* 
8.点击clearPwd，清空数据，并且隐藏clearPwd
*/
clearPwd.addEventListener('click',function(){
    pwd.value='' //清空
    clearPwd.style.display='none'
})


/* 
定义正则表达式
*/
//定义用户名规则-----正则表达式
    let userReg=/^(13[0-9]|14[01456879]|15[0-3,5-9]|16[2567]|17[0-8]|18[0-9]|19[0-3,5-9])\d{8}$/
//定义密码规则
    let pwdReg=/^\d{6}$/ //6位数数字
/* 
9.当user（用户名）失去焦点，判断是否合法
    若不合法，提示text-tips警告文本
*/   
user.addEventListener('blur',function(){  
    //使用userReg.test验证输入的用户名是否正确----true/false（布尔值）
    let is=userReg.test(user.value)
    //判断
    if(is){ //默认是true
        textTips.textContent=``
    }else{
        textTips.textContent=`用户名错误`
    }
})

/* 
10.当pwd（密码）失去焦点，判断是否合法
    若不合法，提示pwd-tips警告文本
*/
pwd.addEventListener('blur',function(){      
    //使用pwdReg.test验证密码是否合法 --true/false（布尔值）
    let is=pwdReg.test(pwd.value)
    //判断
    if(is){ //默认是true
        pwdTips.textContent=``
    }else{
        pwdTips.textContent=`密码错误`
    }
})
/* 
11.点击loginBtn(登录)，判断用户名密码是否合法，
    错误就添加提示文本，正确就跳转页面
*/
loginBtn.addEventListener('click',function(){
    //判断
    if(!userReg.test(user.value)){
        textTips.textContent=`请输入正确的11位手机号`
    }else if(!pwdReg.test(pwd.value)){
        pwdTips.textContent=`请输入正确的6位数字密码`
    }else{
        location.href=''
    }
})

/* 
    调用tab.js选项卡
*/
    tab('.modal-login a','#login')